import Vue from 'vue';
import Vuex from 'vuex';

Vue.use(Vuex);

export default new Vuex.Store({
    state: {
        user: null,
        isMenuCollapsed: false
    },
    mutations: {
        setUser(state, user) {
            state.user = user;
        },
        toggleMenu(state) {
            state.isMenuCollapsed = !state.isMenuCollapsed;
        }
    },
    actions: {
        login({ commit }, user) {
            // 这里可以调用登录接口
            commit('setUser', user);
        },
        logout({ commit }) {
            commit('setUser', null);
        }
    }
});
// 使用Vuex实现状态管理，用户存储和管理应用的全局状态
// 如用户信息、菜单折叠状态
// 可以通过 this.$store.state获取状态